$(function (){
  $(function () {
    var currentPage = 1;
    var pageSize = 3;
  
    // 1-渲染页面
    function render() {
      $.ajax({
        type: "get",
        url: "/user/queryUser",
        data: {
          page: currentPage,
          pageSize: pageSize
        },
        dataType: "json",
        success: function (res) {
          $("tbody").html(template("tmp", res));
          setPage(res.total);
        }
      })
  
    }
    render();
    // 2-分页功能实现
    function setPage(total) {
      $("#paginator").bootstrapPaginator({
        bootstrapMajorVersion: 3,//默认是2，如果是bootstrap3版本，这个参数必填
        currentPage: currentPage,//当前页
        totalPages: Math.ceil(total / pageSize),//总页数
        size: "small",//设置控件的大小，mini, small, normal,large
        onPageClicked: function (event, originalEvent, type, page) {
          //为按钮绑定点击事件 page:当前点击的按钮值
          currentPage = page;
          render();
        }
      });
    }

    // 实现禁用和启用的功能
    // 点击操作按钮 获取对应的id 
    // 发送请求 成功 => 重新渲染页面 隐藏模态框
    var id=null;
    var isDelete=null;
    // 获取id  => 事件委托
    $("tbody").on("click",".btn",function(){
        id=$(this).parent().data('id');
         isDelete=$(this).hasClass("btn-success")? 1:0;
    });
    $(".btn-ok").click(function (){
      $.ajax({
        type:"post",
        url:"/user/updateUser",
        data:{
          id:id,
          isDelete:isDelete
        },
        dataType:'json',
        success:function(res){
            render();
            $("#modal-handle").modal('hide');
        }
      })
    })
})
})